<template>
  <div class="OpEditDel flex">
    <div class="flex-item" @click="emit('editDo')">
      <i class="fa fa-pencil" >编辑</i>
    </div>
    <div class="flex-item" @click="emit('deleteDo')">
      <i class="fa fa-remove" >删除</i>
    </div>
    <div class="flex-item" @click="emit('viewChangeDo')">
      <i class="fa"  :class="isView==1?'fa-eye':'fa-eye-slash'" >
      <span v-if="isView==1">可见</span>
      <span v-else>不可见</span>
      </i>
    </div>
  </div>
</template>
<script>
export default {
  props:{
    isView:{
      default:0
    }
  },
  methods:{
    emit(doWhat){
      console.log(doWhat)
      this.$emit(doWhat)
    }
  }
}
</script>
<style scoped>
.OpEditDel{color: #8C8B8B;background:linear-gradient(#ffffff, #9aeeee) ;line-height: 1rem;border-radius: 0px 0px 4px 4px}
</style>
